home *** CD-ROM | disk | FTP | other *** search
/ Enter 2002 November / EnterCD 11_2002.iso / Internet / Amaya 6.4 / Windows NT.exe / _SETUP.1 / ImageMaps.html.fr < prev    next >
Encoding:
Extensible Markup Language  |  2002-06-11  |  7.4 KB  |  159 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  5. <head>
  6.   <title>Images et Zones actives</title>
  7.   <meta name="GENERATOR" content="amaya 5.4, see http://www.w3.org/Amaya/" />
  8.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  9. </head>
  10.  
  11. <body xml:lang="fr" lang="fr">
  12.  
  13. <table border="0" summary="toc">
  14.   <tbody>
  15.     <tr>
  16.       <td><p><img alt="W3C" src="../images/w3c_home" /> <img alt="Amaya"
  17.         src="../images/amaya.gif" /></p>
  18.       </td>
  19.       <td><p><a href="Tables.html.fr#Editing" accesskey="p"><img
  20.         alt="previous" src="../images/left.gif" /></a> <a
  21.         href="Manual.html.fr" accesskey="t"><img alt="top"
  22.         src="../images/up.gif" /></a> <a href="Math.html.fr#Math"
  23.         accesskey="n"><img alt="next" src="../images/right.gif" /></a></p>
  24.       </td>
  25.     </tr>
  26.   </tbody>
  27. </table>
  28.  
  29. <div id="Client-sid">
  30. <h2><a name="L1013">Images et Zones actives</a></h2>
  31.  
  32. <h3><a name="Adding">Ajouter une image</a></h3>
  33.  
  34. <p>Pour insΘrer une image, choisissez l'entrΘe <strong>Image</strong> depuis
  35. le menu <strong>╔lΘments</strong> ou cliquez sur le bouton <img alt="Image "
  36. src="../images/Image.gif" longdesc="longdesc.htm" /> (ou encore utilisez le
  37. raccourci clavier control-t, control-i pour Unix). Ceci fait apparaεtre une
  38. boεte de dialogue qui vous permet de rentrer le nom du fichier et le <a
  39. href="#Alternative">texte de remplacement</a> ('ALT' texte) de l'image
  40. dΘsirΘe. Si vous souhaitez fournir une longue description (par exemple si
  41. votre image prΘsente une information complexe) vous devriez la faire dans un
  42. document sΘparΘ et la relier en donnant l'URI comme un descripteur long
  43. (<strong>longdesc</strong>), Θgalement disponible dans le menu
  44. <strong>Attributs</strong>. Pour faciliter la recherche d'un fichier image
  45. vous pouvez entrer une valeur de <strong>filtre</strong>, et utiliser le
  46. bouton <strong>filtre</strong>. Ainsi le dialogue listera seulement les
  47. fichiers qui correspondent α votre critΦre.</p>
  48.  
  49. <h3><a name="Alternative">Texte de remplacement et descriptions
  50. longues</a></h3>
  51.  
  52. <p>Pour les ΘlΘments comme les images (et autres objets multimedia) vous
  53. devez fournir un texte de remplacement. Celui ci sera prΘsentΘ, comme α
  54. l'habitude, α la place de l'image par un navigateur avec un systΦme de sortie
  55. vocale, ou une visualisation en Braille (utilisΘ par de nombreux aveugles).
  56. Il est Θgalement courant que les utilisateurs ayant des connections de
  57. mauvaise qualitΘ demandent la vue alternΘe, o∙ le texte est transmis beaucoup
  58. plus vite que les images.</p>
  59.  
  60. <p>Le texte de remplacement devrait remplacer l'image en fonction. Par
  61. exemple, si l'image est utilisΘe pour fournir une ic⌠ne de lien (c'est le cas
  62. de l'ic⌠ne du W3C en haut de cette page) ainsi le titre de la page rΘfΘrencΘe
  63. serait un bon texte de remplacement.</p>
  64.  
  65. <p>Il existe des cas o∙ une image n'est utilisΘe pour un effet visuel, et
  66. n'apporte aucune information supplΘmentaire α la page. Dans ce cas, il est
  67. appropriΘ d'utiliser un blanc de remplacement car il faut toujours un texte
  68. de substitution - entrez deux guillemets comme alternative (eg. alt="").</p>
  69.  
  70. <p>Dans les cas o∙ l'image transporte une information importante qui n'est
  71. pas disponible depuis le texte du document, vous devez fournir une
  72. description de l'information. L'option <strong>longdesc</strong> du menu
  73. <strong>Attributs</strong> vous permet de relier une description (qui est un
  74. URI - un document sΘparΘ, ou une partie nommΘe du document courant) α une
  75. image.</p>
  76.  
  77. <p>Afin de donner une idΘe de comment une page sans les images doit Ωtre
  78. prΘsentΘe, Amaya fournit une option <strong>Montrer la vue alternΘe</strong>
  79. dans le menu <strong>Vues</strong>. Dans le cas d'un navigateur oral, la <a
  80. href="Views.html.fr#Alternate">vue alternΘe</a> pourrait Ωtre simplement lue
  81. α voix haute. Sans des textes de remplacement pour les images, de nombreuses
  82. pages deviendraient difficiles voire impossibles α naviguer, et les
  83. utilisateurs seraient condamnΘs α trouver "leur chemin dans le noir".</p>
  84.  
  85. <h3><a name="Using">Utiliser des zones actives</a></h3>
  86.  
  87. <p><strong>Amaya</strong> vous donne la possibilitΘ d'utiliser des zones
  88. actives :</p>
  89. <ul>
  90.   <li>Pour activer une zone dans un plan, double-cliquez sur la zone avec le
  91.     bouton gauche de la souris. L'URI attachΘ α cette zone est alors
  92.   importΘ.</li>
  93.   <li>Pour visualiser les zones existantes, choisissez <strong>Montrer les
  94.     zones actives</strong> du menu <strong>Vues</strong>.</li>
  95. </ul>
  96.  
  97. <h3><a name="Creating">CrΘer des zones actives</a></h3>
  98.  
  99. <p>Pour crΘer une nouvelle zone active, insΘrez une image α l'intΘrieur du
  100. document, et dΘfinissez les zones comme des liens.</p>
  101.  
  102. <p>Pour crΘer une zone dans une image, sΘlectionnez l'image ou une zone
  103. existante de cette image. Ensuite, choisissez une des options
  104. <strong>Rectangle</strong>, <strong>Cercle</strong>,
  105. <strong>Polygone</strong> depuis le sous-menu <strong>Zone active</strong> du
  106. menu <strong>╔lΘments</strong>, suivant la forme de la nouvelle zone que vous
  107. souhaitez crΘer. L'option <strong>Montrer les zones actives</strong> du menu
  108. <strong>Vues</strong> tracera le contour de chaque zone active existante sur
  109. une image.</p>
  110. <ul>
  111.   <li>Pour crΘer une zone rectangulaire ou circulaire, vous devez tout
  112.     d'abord sΘlectionner la position du coin en cliquant avec le bouton
  113.     gauche de la souris. Laissez le bouton appuyΘ et dΘplacez la souris
  114.     jusqu'α la position du coin opposΘ, puis lΓchez le bouton. La zone est
  115.     maintenant dΘfinie.</li>
  116.   <li>Pour un polygone, entrez chaque point en cliquant la position
  117.     correspondante avec le bouton gauche de la souris. Pour indiquer le
  118.     dernier point, cliquez avec le bouton du milieu.</li>
  119. </ul>
  120.  
  121. <p>Quand la zone a ΘtΘ dΘfinie, vous devez fournir <a href="#Alternative">le
  122. texte de remplacement</a> dans la boεte de dialogue qui apparaεt et entrer la
  123. cible du lien associΘe α cette zone. SΘlectionnez uniquement la cible (ou
  124. entrer son URI si elle n'est pas visualisΘe), de la mΩme maniΦre que pour <a
  125. href="Links.html.fr#L245">crΘer des liens</a>.</p>
  126.  
  127. <h3>DΘplacer des zones actives<strong></strong></h3>
  128.  
  129. <p>Quand une zone a ΘtΘ dΘfinie, vous pouvez la dΘplacer :</p>
  130. <ul>
  131.   <li><p>Par manipulation directe - en combinant la <strong>touche
  132.     Control</strong> et le <strong>bouton gauche</strong> de la souris dans
  133.     la zone active, vous pourrez dΘplacer cette zone.</p>
  134.   </li>
  135.   <li><p>En Θditant l'attribut <strong>coords</strong> de la zone dans la vue
  136.     structure.</p>
  137.   </li>
  138. </ul>
  139.  
  140. <h3><a name="L1171">Redimensionner des zones actives</a></h3>
  141. <ul>
  142.   <li>Par manipulation directe - en combinant la <strong>touche
  143.     Control</strong> et le <strong>bouton du milieu</strong> ou le
  144.     <strong>bouton droit</strong> de la souris α l'intΘrieur de la zone
  145.     active, vous pourrez redimensionner cette zone.</li>
  146.   <li>En Θditant l'attribut <strong>coords</strong> de la zone dans la vue. 
  147.     <p></p>
  148.   </li>
  149. </ul>
  150. </div>
  151.  
  152. <p><a href="Tables.html.fr#Editing"><img alt="previous"
  153. src="../images/left.gif" /></a> <a href="Manual.html.fr"><img alt="top"
  154. src="../images/up.gif" /></a> <a href="Math.html.fr#Math"><img alt="next"
  155. src="../images/right.gif" /></a></p>
  156. <hr />
  157. </body>
  158. </html>
  159.